<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script>

        // setItem()   设置
        // getItem()   获取指定的名称，返回的是名称对应的内容
        // removeItem() 移除

        // key(i)   遍历名称

        // clear()  清除所有的数据


        localStorage.setItem('yy' , '555') ;

        localStorage.setItem('aa' , '555') ;

        localStorage.setItem('cc' , '444') ;

        console.log(localStorage);

        // for(let key in localStorage) {
        //     console.log(key);   // for in 在遍历localStorage的时候，会遍历到所有的属性和方法
        // }



        for(let i = 0 ; i < localStorage.length ; i++) {
            // console.log(localStorage.key(i));
            let key = localStorage.key(i) ;   // 键名
            let val = localStorage.getItem(key) ;  // 键值

            console.log(key , val);
        }


        // localStorage.clear() ;  // 清除所有的storage

        // const res = localStorage.getItem('yyr') ;

        // console.log(res);

        // localStorage.removeItem('yy') ;

    </script>
    
</body>
</html>